<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="../favicon.ico" />
<title>Another brick in the ... puzzle!</title>
<link href="../bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="../bootstrap/css/bootstrap-theme.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="../header/header.css" />
<link rel="stylesheet" type="text/css" href="brick.css" />
</head>
<body>
	<div class="grey_shade"></div>

	<div class="container">
		<nav class="navbar aenigma-header" role="navigation">
			<div class="aenigma-header-left">
				<table>
					<tr>
						<td><a href="../menu/index.html"><img alt="Aenigmates" src="../back.png" class="img-responsive back"></a></td>
						<td><a href="../menu/index.html"><img alt="Aenigmates" src="../logo_aenigmates.jpg"
								class="img-responsive logo"></a></td>
					</tr>
				</table>
			</div>
			<div class=" aenigma-header-right">
				<div class="dashed  dashed-top"></div>
				<div class="aenigma-title">Another brick</div>
				<div class="aenigma-level">Level 2</div>
				<div class="dashed"></div>
			</div>
			<div class="clear"></div>
			<hr />
		</nav>

		<div class="puzzle">
			<table>
				<tr>
					<td><img alt="1 Brick" src="brick_small.png" class="brick" /></td>
					<td>=&nbsp;1KG&nbsp;+</td>
					<td><img alt="1 Brick" src="half_brick_small.png" class="brick"></td>
				</tr>
				<tr>
					<td><img alt="1 Brick" src="brick_small.png" class="brick" /></td>
					<td>&nbsp;=&nbsp;</td>
					<td>
						<table>
							<tr>
								<td><input id="solution_input" type="number" /></td>
								<td><label for="solution_input">&nbsp;KG</label></td>
							</tr>
						</table>
					</td>
				</tr>
			</table>

		</div>

	</div>
	<!-- /container -->

	<script src="brick.js"></script>
	<script src="../jquery/jquery-2.0.3.min.js"></script>
	<script src="../storage/jquery.json-2.4.min.js"></script>
	<script src="../storage/jstorage.min.js"></script>
	<script src="../storage/aestorage.js"></script>
	<script src="brickView.js"></script>
	<script src="../bootstrap/js/bootstrap.min.js"></script>

	<script>
		$(function() {
			new BrickController(new BrickView($("#solution_input"))).startup();
		});
	</script>
</body>
</html>